@icon-prefix: iconfont;

.@{icon-prefix} {
    display: inline-block;
    color: inherit;
    font-style: normal;
    // line-height: 0;
    text-align: center;
    text-transform: none;
    vertical-align: -.125em;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

i.@{icon-prefix}.icon-loading {
    display: inline-block;
    animation: spinning 2s linear infinite;

    &::before {
        content: "\e722";
    }
}

@keyframes spinning {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}